<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vuejs-2.5.16.js"></script>

</head>
<body>

        <div id="app">

                <table border="1px">
                        <tr>
                            <td>编号</td> <td>学号</td> <td>姓名</td><td>年纪</td>
                        </tr>

                        <tr v-for="(s,i) in student">
                            <td>{{i+1}}</td> <td>{{s.stuno}}</td> <td>{{s.stuname}}</td> <td>{{s.age}}</td>
                        </tr>
                </table>

        </div>
</body>


<script>
        new Vue({
            el:"#app",
            data:{
                  student:[
                      {"stuno":"s001","stuname":"张三","age":20},
                      {"stuno":"s002","stuname":"张三","age":20},
                      {"stuno":"s003","stuname":"张三","age":20},
                  ]
            }
        })
</script>

</html>